{extend name="public/base" /}

<!-- 子导航 -->
{block name="sidebar"}
{include file="article/sidemenu" /}
{/block}

{block name="body"}
<!-- 标题 -->
<div class="main-title">
    <h2>
        图片列表({$_total}) [
        {notempty name="rightNav"}
        {volist name="rightNav" id="nav"}
        <a href="{:url('index','cate_id='.$nav['id'])}">{$nav.title}</a>
        {if condition="count($rightNav) gt $i"}<i class="ca"></i>{/if}
        {/volist}
        {present name="article"}：<a href="{:url('index','cate_id='.$cate_id.'&pid='.$article['id'])}">{$article.title}</a>{/present}
        {else/}
        {empty name="position"}全部{else/}<a href="{:url('article/index')}">全部</a>{/empty}
        {foreach name="Think.config.document_position" item="vo"}
        {neq name="position" value="$key"}<a href="{:url('index',array('position'=>$key))}">{$vo}</a>{else/}{$vo}{/neq}&nbsp;
        {/foreach}
        {/notempty}
        ]
        {eq name="allow" value="0"}（该分类不允许发布内容）{/eq}
        {if condition="count($model) gt 1"}[ 模型：{empty name="model_id"}<strong>全部</strong>{else/}<a href="{:url('index',array('pid'=>$pid,'cate_id'=>$cate_id))}">全部</a>{/empty}
        {volist name="model" id="vo"}
        {neq name="model_id" value="$vo"}<a href="{:url('index',array('pid'=>$pid,'cate_id'=>$cate_id,'model_id'=>$vo))}">{$vo|get_document_model='title'}</a>{else/}<strong>{$vo|get_document_model='title'}</strong>{/neq}&nbsp;
        {/volist}
        ]{/if}
        {notempty name="groups"}[ 分组：{empty name="group_id"}<strong>全部</strong>{else/}<a href="{:url('index',array('pid'=>$pid,'cate_id'=>$cate_id))}">全部</a>{/empty}
        {foreach name="groups" item="vo"}
        {neq name="group_id" value="$key"}<a href="{:url('index',array('pid'=>$pid,'cate_id'=>$cate_id,'model_id'=>$model_id,'group_id'=>$key))}">{$vo}</a>{else/}<strong>{$vo}</strong>{/neq}&nbsp;
        {/foreach}
        ]{/notempty}
    </h2>
</div>

<!-- 按钮工具栏 -->
<div class="cf">
    <div class="fl">
        <div class="btn-group">
            {gt name="allow" value="0"}
            <button class="btn document_add" {if condition="count($model) eq 1"}url="{:url('article/add',array('cate_id'=>$cate_id,'pid'=>input('pid',0),'model_id'=>$model[0],'group_id'=>$group_id))}"{/if}>新 增
            {if condition="count($model) gt 1"}<i class="btn-arrowdown"></i>{/if}
            </button>
            {if condition="count($model) gt 1"}
            <ul class="dropdown nav-list">
                {volist name="model" id="vo"}
                <li><a href="{:url('article/add',array('cate_id'=>$cate_id,'model_id'=>$vo,'pid'=>input('pid',0),'group_id'=>$group_id))}">{$vo|get_document_model='title'}</a></li>
                {/volist}
            </ul>
            {/if}
            {else/}
            <button class="btn disabled" >新 增
                {if condition="count($model) gt 1"}<i class="btn-arrowdown"></i>{/if}
            </button>
            {/gt}
        </div>
        <button class="btn ajax-post" target-form="ids" url="{:url("Picture/setStatus",array("status"=>1,'cate_id'=>input('cate_id')))}">启 用</button>
        <button class="btn ajax-post" target-form="ids" url="{:url("Picture/setStatus",array("status"=>0,'cate_id'=>input('cate_id')))}">禁 用</button>
        <!-- <button class="btn ajax-post" target-form="ids" url="{:url("Article/move")}">移 动</button>
        <button class="btn ajax-post" target-form="ids" url="{:url("Article/copy")}">复 制</button>
        <button class="btn ajax-post" target-form="ids" hide-data="true" url="{:url("Article/paste")}">粘 贴</button> -->
        <input type="hidden" class="hide-data" name="cate_id" value="{$cate_id}"/>
        <input type="hidden" class="hide-data" name="pid" value="{$pid}"/>
        <button class="btn ajax-post confirm" target-form="ids" url="{:url("Picture/setStatus",array("status"=>-1,'cate_id'=>input('cate_id')))}">删 除</button>
        <!-- <button class="btn document_add" url="{:url('article/batchOperate',array('cate_id'=>$cate_id,'pid'=>input('pid',0)))}">导入</button> -->
        <button class="btn list_sort" url="{:url('sort',array('cate_id'=>$cate_id,'pid'=>input('pid',0)),'')}">排序</button>
        <div class="btn-group">
            <a class="btn" href="{:url('recycle',['model_id'=>$model_id])}">回收站</a>
        </div>
    </div>

    <!-- 高级搜索 -->
    <div class="search-form fr cf">
        <div class="sleft">
            <div class="drop-down">
                <span id="sch-sort-txt" class="sort-txt" data="{$status}">{if condition="get_status_title($status) eq ''"}所有{else/}{:get_status_title($status)}{/if}</span>
                <i class="arrow arrow-down"></i>
                <ul id="sub-sch-menu" class="nav-list hidden">
                    <li><a href="javascript:;" value="">所有</a></li>
                    <li><a href="javascript:;" value="1">正常</a></li>
                    <li><a href="javascript:;" value="0">禁用</a></li>
                    <li><a href="javascript:;" value="2">待审核</a></li>
                </ul>
            </div>
            <input type="text" name="title" class="search-input" value="{:input('title')}" placeholder="请输入标题文档">
            <a class="sch-btn" href="javascript:;" id="search" url="{:url('article/index','pid='.input('pid',0).'&cate_id='.$cate_id,false)}"><i class="btn-search"></i></a>
        </div>
        <div class="btn-group-click adv-sch-pannel fl">
            <button class="btn">高 级<i class="btn-arrowdown"></i></button>
            <div class="dropdown cf">
                <div class="row">
                    <label>更新时间：</label>
                    <input type="text" id="time-start" name="time-start" class="text input-2x" value="" placeholder="起始时间" /> -
                    <input type="text" id="time-end" name="time-end" class="text input-2x" value="" placeholder="结束时间" />
                </div>
                <div class="row">
                    <label>创建者：</label>
                    <input type="text" name="nickname" class="text input-2x" value="" placeholder="请输入用户名">
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 数据表格 -->
<div class="data-table">
    <table>
        <!-- 表头 -->
        <thead>
        <tr>
            <th class="row-selected row-selected">
                <input class="check-all" type="checkbox">
            </th>
            {volist name="list_grids" id="field"}
            <th>{$field.title}</th>
            {/volist}
        </tr>
        </thead>

        <!-- 列表 -->
        <tbody>
        {volist name="list" id="data"}
        <tr>
            <td><input class="ids" type="checkbox" value="{$data['id']}" name="ids[]"></td>
            {volist name="list_grids" id="grid"}
            <td>{:get_list_field($data,$grid)}</td>
            {/volist}
        </tr>
        {/volist}
        </tbody>
    </table>
</div>
<!-- 分页 -->
<div class="page">
    {$_page}
</div>
</div>

{/block}
{block name="script"}
<link href="__PUBLIC__/static/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
{php}if(config("color_style")=='blue_color') echo '<link href="__PUBLIC__/static/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';{/php}
<link href="__PUBLIC__/static/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="__PUBLIC__/static/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/static/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script type="text/javascript">
    $(function(){
        //搜索功能
        $("#search").click(function(){
            var url = $(this).attr('url');
            var status = $("#sch-sort-txt").attr("data");
            var query  = $('.search-form').find('input').serialize();
            query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
            query = query.replace(/^&/g,'');
            if(status != ''){
                query = 'status=' + status + "&" + query;
            }
            if( url.indexOf('?')>0 ){
                url += '&' + query;
            }else{
                url += '?' + query;
            }
            window.location.href = url;
        });

        /* 状态搜索子菜单 */
        $(".search-form").find(".drop-down").hover(function(){
            $("#sub-sch-menu").removeClass("hidden");
        },function(){
            $("#sub-sch-menu").addClass("hidden");
        });
        $("#sub-sch-menu li").find("a").each(function(){
            $(this).click(function(){
                var text = $(this).text();
                $("#sch-sort-txt").text(text).attr("data",$(this).attr("value"));
                $("#sub-sch-menu").addClass("hidden");
            })
        });

        //只有一个模型时，点击新增
        $('.document_add').click(function(){
            var url = $(this).attr('url');
            if(url != undefined && url != ''){
                window.location.href = url;
            }
        });

        //点击排序
        $('.list_sort').click(function(){
            var url = $(this).attr('url');
            var ids = $('.ids:checked');
            var param = '';
            if(ids.length > 0){
                var str = new Array();
                ids.each(function(){
                    str.push($(this).val());
                });
                param = str.join(',');
            }

            if(url != undefined && url != ''){
                window.location.href = url + '/ids/' + param;
            }
        });

        //回车自动提交
        $('.search-form').find('input').keyup(function(event){
            if(event.keyCode===13){
                $("#search").click();
            }
        });

        $('#time-start').datetimepicker({
            format: 'yyyy-mm-dd',
            language:"zh-CN",
            minView:2,
            autoclose:true
        });

        $('#time-end').datetimepicker({
            format: 'yyyy-mm-dd',
            language:"zh-CN",
            minView:2,
            autoclose:true
        });
    })
</script>
{/block}
